/*  导航栏组件
* NavComponent.jsx
*
*/
import React, { Component, PropTypes } from 'react';
import ReactDOM from 'react-dom';

import userImg from '../static/img/user.jpg';

const Nav=React.createClass({
	render() {
	    return (
	      <div className="ui inverted attached stackable menu">
			  <div className="ui container">
			    <a id="myhome" className="item"><i className="home icon"></i> 首页</a>
			    <div className="ui simple dropdown item">
			      <i className="paw icon"></i>微足迹<i className="dropdown icon"></i>
			      <div className="menu h5-submenu">
			        <a className="item"><i className="Student icon"></i> 团队管理</a>
			        <a className="item"><i className="Marker icon"></i> 足迹管理</a>
			      </div>
			    </div>
			    <div className="ui simple dropdown item">
			      <i className="Html5 icon"></i> H5管理<i className="dropdown icon"></i>
			      <div className="menu h5-submenu">
			        <a className="item"><i className="Paste icon"></i> H5模版</a>
			        <a className="item"><i className="H icon"></i> 我的H5</a>
			      </div>
			    </div>
			    <a className="item"><i className="Camera Retro icon"></i> 阅图管理</a>
			    <a className="item"><i className="book icon"></i> 文章管理</a>
			    <a className="item"><i className="Pie Chart icon"></i> 活动管理</a>
			  </div>
			  <div className="right menu">
				<div className="ui simple dropdown item">
					<img className="ui avatar image" src={userImg} /><span>Username</span>
					<i className="dropdown icon"></i>
			  		<div className="menu h5-submenu">
			     		<a className="item"><i className="Setting icon"></i> 我的信息</a>
			        	<a className="item"><i className="Power icon"></i> 退出</a>
			      	</div>
			    </div>
			  </div>
			</div>
	    );
  },
});

export default Nav;
